<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<!-- 
		Replace path to template, title, header and body
		with actual data.
	 -->

<ui:composition template="/templates/commonAdmin.xhtml">
	<ui:define name="pageTitle">Accueil Administrateur</ui:define>
	<ui:define name="pageHeader">Header</ui:define>
	<ui:define name="pageWrapper">
		<div class="row">
			<div class="col-lg-12">
				<h1>
					Liste des clients <small></small>
				</h1>
				<ol class="breadcrumb">
					<li class="active"><i class="fa fa-table"></i> Liste des
						clients</li>
				</ol>

			</div>
		</div>
		<div class="col-lg-3" style="float: right;">
			<div class="well">
				<h4>Rechercher</h4>
				<div class="input-group">

					<span class="input-group-addon">Nom</span>
					<h:inputText value="#{backUserBean.nomClient}" class="form-control"
						style="width:80px;" />
					<h:commandButton class="btn btn-default"
						action="#{backUserBean.actionRechercherClients}"
						value="Rechercher">
					</h:commandButton>
					

				</div>
			</div>
		</div>

		<div class="col-lg-8">
			<div class="table-responsive">

				<h:dataTable value="#{backUserBean.clients}" var="c"
					class="table table-bordered table-hover table-striped tablesorter">

					<h:column>
						<f:facet name="header">
							<f:verbatim>mail</f:verbatim>
						</f:facet>
						<h:outputText value="#{c.adresseMail}" />
					</h:column>

					<h:column>
						<f:facet name="header">
							<f:verbatim>nom</f:verbatim>
						</f:facet>
						<h:outputText value="#{c.nom}" />
					</h:column>

					<h:column>
						<f:facet name="header">
							<f:verbatim>prenom</f:verbatim>
						</f:facet>
						<h:outputText value="#{c.prenom}" />
					</h:column>

					<h:column>
						<f:facet name="header">
							<f:verbatim>N° Tel</f:verbatim>
						</f:facet>
						<h:outputText value="#{c.numeroTel}" />
					</h:column>

					<h:column>
						<f:facet name="header">
							<f:verbatim>Adresse</f:verbatim>
						</f:facet>
						<h:outputText value="#{c.adressePostale}" />
					</h:column>




				</h:dataTable>


				<!-- 			<table -->
				<!-- 				class="table table-bordered table-hover table-striped tablesorter"> -->
				<!-- 				<thead> -->
				<!-- 					<tr> -->
				<!-- 						<th>Nom <i class="fa fa-sort"></i></th> -->
				<!-- 						<th>Prenom <i class="fa fa-sort"></i></th> -->
				<!-- 						<th>Age <i class="fa fa-sort"></i></th> -->
				<!-- 						<th>Adresse <i class="fa fa-sort"></i></th> -->
				<!-- 					</tr> -->
				<!-- 				</thead> -->
				<!-- 				<tbody> -->
				<!-- 					<tr class="active"> -->
				<!-- 						<td></td> -->
				<!-- 						<td></td> -->
				<!-- 						<td></td> -->
				<!-- 						<td></td> -->
				<!-- 					</tr> -->
				<!-- 					<tr class="success"> -->
				<!-- 						<td></td> -->
				<!-- 						<td></td> -->
				<!-- 						<td></td> -->
				<!-- 						<td></td> -->
				<!-- 					</tr> -->
				<!-- 					<tr class="warning"> -->
				<!-- 						<td></td> -->
				<!-- 						<td></td> -->
				<!-- 						<td></td> -->
				<!-- 						<td></td> -->
				<!-- 					</tr> -->
				<!-- 					<tr class="danger"> -->
				<!-- 						<td></td> -->
				<!-- 						<td></td> -->
				<!-- 						<td></td> -->
				<!-- 						<td></td> -->
				<!-- 					</tr> -->

				<!-- 				</tbody> -->
				<!-- 			</table> -->

			</div>
		</div>


	</ui:define>

</ui:composition>

</html>